<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>获取token</button>
    <button>获取用户信息</button>
</body>

</html>
<script src="./js/jquery-3.6.1.min.js"></script>

<script>
    // $.ajaxPrefilter(function (options) {
    //     // 在发起真正的 Ajax 请求之前，统一拼接请求的根路径
    //     // options.url = 'http://ajax.frontend.itheima.net' + options.url
    //     // options.url = 'http://127.0.0.1:89' + options.url
    //     // 统一为有权限的接口，设置 headers 请求头
    //     options.headers = {
    //         Authorization: localStorage.getItem('token')
    //     }

    // })

    $('button').eq(0).on('click', function () {
        $.ajax({
            type: 'post',
            url: '/api/login',
            success: (res) => {
                // 将登录成功得到的 token 字符串，保存到 localStorage 中
                localStorage.setItem('token', res.token)
                console.log(res);
            }

        })
    })
    $('button').eq(1).on('click', function () {
        $.ajax({
            type: 'get',
            headers: {
                'Authorization': localStorage.getItem('token')
            },
            url: '/my/getinfo',
            success: (res) => {
                console.log(res);
            }
        })
    })
</script>